<template>
<div>
	<Top></Top>
	<Sousuo></Sousuo>
	<p class="Qqin">最近搜索</p>
	<div class="Qcosmetics">
		<p class="Qjie">睫毛膏</p>
		<p class="Qlishi">清空搜索历史</p>
	</div>
</div>
</template>

<script>
//引入组件
	import Top from '@/components/TopSou'
	import Sousuo from '@/components/Sousuo'
	export default {
		components:{
			Top,
			Sousuo
		}
	}
</script>

<style>
	.Qqin{
		width: 100%;
		height: 8rem;
		line-height: 8rem;
		font-size: 2.8rem;
		margin-left: 2rem;
		color:#808080;
	}
	.Qcosmetics{
		width: 100%;
		height: 40rem;
		background: #FFFFFF;
		border: 1px solid  #FFFFFF;
	}
	.Qlishi{
		width: 50rem;
		height: 4rem;
		line-height: 4rem;
		border: 0.1rem solid #cccccc;
		border-radius: 2rem;
		font-size: 2.4rem;
		text-align: center;
		color:#808080;
		margin-left: 11rem;
		margin-top: 3rem;
	}
	.Qjie{
		width: 100%;
		height: 8rem;
		line-height: 8rem;
		font-size: 2.8rem;
		padding-left: 2rem;
		color:#4D4D4D;
		border-bottom: 0.01rem solid #808080;
	}
</style>